<template>
    <div class="projectdetails" v-if="detailsshow">

      <!-- 任务详情 -->
      <div class="projectdetails-content" v-if="detailsrwshow">
        
        <div class="projectdetails-title">
          <div class="projectdetails-title-imgortitle">
            <img src="../../common/image/icon_detai.png" alt="">
            <h3>任务详情</h3>
          </div>
          <div class="projectdetails-title-img" @click="chossdetails">
            <img src="../../common/image/icon_choss.png" alt="">
          </div>
        </div>
       

        <!-- <div class="islq-rw" v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.examineStatus==1">
          <img src="../../common/image/type_weilingqu.png" alt="">
        </div> -->


        <div class="projectdetails-contents">
          <div class="projectdetails-contents-list"  v-if="messagedatas.messageDetails.taskStatus==2">
            <div class="projectdetails-contents-start">
              <img src="../../common/image/icon_jz.png" alt="">
              <div>进行中</div>
            </div>
          </div>
          <div class="projectdetails-contents-list" v-if="messagedatas.messageDetails.taskStatus==0">
            <div class="projectdetails-contents-start">
              <img src="../../common/image/icon_sh.png" alt="">
              <div>审核中</div>
            </div>
          </div>
          <div class="projectdetails-contents-list" v-if="messagedatas.messageDetails.taskStatus==3">
            <div class="projectdetails-contents-start">
              <img src="../../common/image/icon_wc.png" alt="">
              <div>已完成</div>
            </div>
          </div>
          <div class="projectdetails-contents-list" v-if="messagedatas.messageDetails.taskStatus==4">
            <div class="projectdetails-contents-start">
              <img src="../../common/image/icon_yq.png" alt="">
              <div>已逾期</div>
            </div>
          </div>


          <div class="projectdetails-contents-list" v-if="messagedatas.messageDetails.taskStatus==5">
            <div class="projectdetails-contents-start">
              <!-- <img src="../../common/image/icon_yq.png" alt=""> -->
              <div>已通过</div>
            </div>
          </div>

          <div class="projectdetails-contents-list" v-if="messagedatas.messageDetails.taskStatus==6">
            <div class="projectdetails-contents-start">
              <img src="../../common/image/icon_yq.png" alt="">
              <div>已驳回</div>
            </div>
          </div>

          <div class="projectdetails-contents-list" v-if="messagedatas.messageDetails.taskStatus==7">
            <div class="projectdetails-contents-start">
              <!-- <img src="../../common/image/icon_yq.png" alt=""> -->
              <div>已退回</div>
            </div>
          </div>
        </div>
<div class="projectdetails-contents-nrs">

      <!-- 创建者 -->
      <div v-if="iscreateUser==true">
     <!-- 已驳回未领取 -->
        <div class="islq-rw" v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.examineStatus==1">
          <img src="../../common/image/type_weilingqu.png" alt="">
        </div>
        <!-- 未领取 -->
        <div class="islq-rw" v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.examineStatus==''&&iscreateUser==false">
           <div class="isrw-zt-xxi">待领取</div>
        </div>
        <div class="islq-rw" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==1&&messagedatas.messageDetails.projectStatus==1">
           <div class="isrw-zt-xxi">申请退回</div>
        </div>
 <!-- v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.examineStatus==''&&iscreateUser==false" -->
        <!-- <div class="islq-rw" v-if="messagedatas.messageDetails.taskStatus==2 && messagedatas.messageDetails.examineStatus==''">
          <div class="isrw-zt-xxi">已领取</div>
        </div> -->

        <div class="islq-rw" v-if="messagedatas.messageDetails.taskStatus==1
        &&messagedatas.messageDetails.projectStatus==1&&messagedatas.messageDetails.examineStatus==''&&messagedatas.messageDetails.applyReason!=''">
           <div class="isrw-zt-xxi">已驳回申请</div>
        </div>
       </div> 



        <!-- 执行者 -->
      <div v-if="iscreateUser==false">
     <!-- 已驳回未领取 -->
        <div class="islq-rw" v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.examineStatus==1">
          <img src="../../common/image/type_weilingqu.png" alt="">
        </div>
        <!-- 未领取 -->
        <div class="islq-rw" v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.examineStatus==''&&iscreateUser==false">
           <div class="isrw-zt-xxi">待领取</div>
        </div>
        <div class="islq-rw" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==1&&messagedatas.messageDetails.projectStatus==1">
           <div class="isrw-zt-xxi">申请退回</div>
        </div>
 <!-- v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.examineStatus==''&&iscreateUser==false" -->
        <div class="islq-rw" v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.examineStatus==''&& messagedatas.messageDetails.refuseReason!=''">
          <div class="isrw-zt-xxi">已驳回申请</div>
        </div>

        <div class="islq-rw" v-if="messagedatas.messageDetails.taskStatus==2 && messagedatas.messageDetails.examineStatus==''&& messagedatas.messageDetails.refuseReason!=''">
          <div class="isrw-zt-xxi">已驳回提交</div>
        </div>
       </div> 




        <div class="projectdetails-contents-mcorfzr">
          <h1>{{messagedatas.messageDetails.projectName}}</h1>
          <p>创建人：{{messagedatas.messageDetails.createUser}}</p>
        </div>
    <div class="projectdetails-contents-kuang">
      <div class="projectdetails-contents-kuang-gd">
         <div class="projectdetails-contents-kuang-jz">
              <div class="projectdetails-contents-kuang-zxr">
                <h1>{{messagedatas.messageDetails.taskName}}</h1>
                <p>执行人：{{messagedatas.messageDetails.name}}{{messagedatas.messageDetails.position}}</p>
              </div>
              <div class="projectdetails-time">
                <ul>
                  <li>
                    <div class="projectdetails-starttime">{{messagedatas.messageDetails.projectBeginDate}}<span>（开始）</span></div>
                  </li>
                  <li>
                    <div class="projectdetails-endtime">{{messagedatas.messageDetails.projectEndDate}}<span>（截止）</span></div></li>
                </ul>
              </div>

              <!-- <div class="projectdetails-obj">
                <div class="projectdetails-context-left">指派对象：</div>
                <div class="projectdetails-obj-tx">
                  <img src="../../common/image/shanfenyuan.png" alt="">
                  <img src="../../common/image/shanfenyuan.png" alt="">
                  <img src="../../common/image/shanfenyuan.png" alt="">
                </div>
                <div class="projectdetails-obj-nun">26+</div>
              </div> -->

              
             
              <!-- 创建者 -->
           <div v-if="iscreateUser==true">
             <!-- //提交任务显示 -->
            <div v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus!=1">
              <div class="projectdetails-sm">
                <div class="projectdetails-context-left">提交说明：</div>
                <div class="projectdetails-sm-context">{{messagedatas.messageDetails.projectFinishDescribe}}</div>
              </div>
              <div class="projectdetails-fj">
                <div class="projectdetails-context-left">相关附件：</div>
                <div class="projectdetails-fj-context">
                  <div class="projectdetails-fj-context-file" v-for="(item,index)  in projectFinishFilesNameslist" :key="index" @click="down(item,index)">
                    <img src="../../common/image/icon_pdf.png" alt="" v-if="item.filelx=='pdf'">
                  <img src="../../common/image/icon_word.png" alt="" v-if="item.filelx=='word'">
                  <img src="../../common/image/icon_xls.png" alt="" v-if="item.filelx=='xls'">
                  <img src="../../common/image/icon_txt.png" alt="" v-if="item.filelx=='txt'">
                  <img src="../../common/image/icon_picture.png" alt="" v-if="item.filelx=='img'">
                  <img src="../../common/image/icon_package.png" alt="" v-if="item.filelx=='zip'">
                  <img src="../../common/image/icon_video.png" alt="" v-if="item.filelx=='avi'">
                    <span>{{item.filesname}}</span>
                  </div>
                  
                  <!-- <img src="../../common/image/shanfenyuan.png" alt="">
                  <span>{{messagedatas.messageDetails.projectFilesNames}}</span> -->
                </div>
              </div>
            </div>

            <!-- //申请退回 -->
            <div v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==1 && iscreateUser==true">
              <div class="projectdetails-sm">
                <div class="projectdetails-context-left">退回理由：</div>
                <div class="projectdetails-sm-context">{{messagedatas.messageDetails.applyReason}}</div>
              </div>
            </div>



            <!-- //申请已驳回 -->
            <div v-if="messagedatas.messageDetails.taskStatus==1&&messagedatas.messageDetails.applyReason!=''
             &&messagedatas.messageDetails.projectStatus==1">
              <div class="projectdetails-sm">
                <div class="projectdetails-context-left">退回理由：</div>
                <div class="projectdetails-sm-context">{{messagedatas.messageDetails.applyReason}}</div>
              </div>
            </div>


            <!-- //申请退回 -->
            <div v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.examineStatus==1">
              <div class="projectdetails-sm">
                <div class="projectdetails-context-left">驳回理由：</div>
                <div class="projectdetails-sm-context">{{messagedatas.messageDetails.refuseReason}}</div>
              </div>
            </div>

                       
                       <!-- 未领取申请退回的 -->
                       <!-- 未领取已驳回申请 -->
            <div class="projectdetails-hengx-2" v-if="projectdetailssmshow && (messagedatas.messageDetails.applyReason!='' || messagedatas.messageDetails.refuseReason!='')"></div>

            <div class="projectdetails-hengx-2" v-if="messagedatas.messageDetails.taskStatus==1 && projectdetailssmshow==false&&messagedatas.messageDetails.applyReason!=''
             &&messagedatas.messageDetails.projectStatus==1 "></div>
             <div class="projectdetails-hengx-2" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==2&&projectdetailssmshow==true"></div>

            <div v-if="messagedatas.messageDetails.taskStatus!=0 || projectdetailssmshow">
            <div class="projectdetails-sm" >
                <div class="projectdetails-context-left">项目说明：</div>
                <div class="projectdetails-sm-context">{{messagedatas.messageDetails.projectDescribe}}</div>
              </div>
              <div class="projectdetails-fj">
                <div class="projectdetails-context-left">相关附件：</div>
                <div class="projectdetails-fj-context">
                  <div class="projectdetails-fj-context-file" v-for="(item,index)  in projectFileslist" :key="index" @click="down(item,index)">
                      <img src="../../common/image/icon_pdf.png" alt="" v-if="item.filelx=='pdf'">
                  <img src="../../common/image/icon_word.png" alt="" v-if="item.filelx=='word'">
                  <img src="../../common/image/icon_xls.png" alt="" v-if="item.filelx=='xls'">
                  <img src="../../common/image/icon_txt.png" alt="" v-if="item.filelx=='txt'">
                  <img src="../../common/image/icon_picture.png" alt="" v-if="item.filelx=='img'">
                  <img src="../../common/image/icon_package.png" alt="" v-if="item.filelx=='zip'">
                  <img src="../../common/image/icon_video.png" alt="" v-if="item.filelx=='avi'">
                  <span>{{item.filesname}}</span>
                  </div>
                  
                  <!-- <img src="../../common/image/shanfenyuan.png" alt="">
                  <span>{{messagedatas.messageDetails.projectFilesNames}}</span> -->
                </div>
              </div>
            </div>

            
            




              <div class="projectdetails-hengx" v-if="messagedatas.messageDetails.taskStatus==0 && projectdetailssmshow==false&&messagedatas.messageDetails.examineStatus==1&&messagedatas.messageDetails.applyReason!=''"></div>
              <div class="projectdetails-seewz-k" v-if="messagedatas.messageDetails.taskStatus==0&&messagedatas.messageDetails.examineStatus==1&&messagedatas.messageDetails.applyReason!='' ">
                <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==0 && projectdetailssmshow==false&&messagedatas.messageDetails.examineStatus==1&&messagedatas.messageDetails.applyReason!='' " @click="seetjrw">
                        点击查看任务说明
                </div>
                <div class="projectdetails-seewz"  v-if="messagedatas.messageDetails.taskStatus==0&&messagedatas.messageDetails.examineStatus==1&&messagedatas.messageDetails.applyReason!='' " @click="seecompleteproject(messagedatas.messageDetails.projectId)">
                点击查看完整项目
                </div>
            </div>

            <!-- 已驳回的申请 -->
             <div class="projectdetails-hengx" v-if="messagedatas.messageDetails.taskStatus==1 &&messagedatas.messageDetails.applyReason!=''
             &&messagedatas.messageDetails.projectStatus==1 "></div>
              <div class="projectdetails-seewz-k" v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.applyReason!=''
                &&messagedatas.messageDetails.projectStatus==1 ">
                <!-- <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.applyReason!='' && projectdetailssmshow==false
                &&messagedatas.messageDetails.projectStatus==1 "  @click="seetjrw">
                        点击查看任务说明
                </div> -->
                <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.applyReason!=''
                &&messagedatas.messageDetails.projectStatus==1 " @click="seecompleteproject(messagedatas.messageDetails.projectId)">
                点击查看完整项目
                </div>
            </div>


               <!-- 已退回 -->
                         <div class="projectdetails-seewz-k" v-if="messagedatas.messageDetails.taskStatus==7">
                            <!-- <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==1&&messagedatas.messageDetails.refuseReason==''&&projectdetailssmshow==false" @click="seetjrw">
                                    点击查看任务说明
                            </div> -->
                            <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==7" @click="seecompleteproject(messagedatas.messageDetails.projectId)">
                            点击查看完整项目
                            </div>
                        </div>

                        <!-- v-if="messagedatas.messageDetails.taskStatus==2 && messagedatas.messageDetails.examineStatus==''" -->
                         <!-- 管理层已领取 -->
                         <div class="projectdetails-seewz-k" v-if="messagedatas.messageDetails.taskStatus==2 && messagedatas.messageDetails.examineStatus==''">
                            <!-- <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==2 && messagedatas.messageDetails.examineStatus==1&&messagedatas.messageDetails.refuseReason==''&&projectdetailssmshow==false" @click="seetjrw">
                                    点击查看任务说明
                            </div> -->
                            <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==2 && messagedatas.messageDetails.examineStatus==''" @click="seecompleteproject(messagedatas.messageDetails.projectId)">
                            点击查看完整项目
                            </div>
                        </div>

                         <div class="projectdetails-hengx" v-if="messagedatas.messageDetails.taskStatus==0 && projectdetailssmshow==false&&messagedatas.messageDetails.examineStatus==2"></div>

                        <div class="projectdetails-seewz-k" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==2">
                            <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==2&&projectdetailssmshow==false" @click="seetjrw">
                                    点击查看任务说明
                            </div>
                            <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==2" @click="seecompleteproject(messagedatas.messageDetails.projectId)">
                            点击查看完整项目
                            </div>
                        </div>


                        <!-- 任务完成 -->
                         <div class="projectdetails-seewz-k" v-if="messagedatas.messageDetails.taskStatus==3 && messagedatas.messageDetails.examineStatus==''">
                            <!-- <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==2&&projectdetailssmshow==false" @click="seetjrw">
                                    点击查看任务说明
                            </div> -->
                            <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==3 && messagedatas.messageDetails.examineStatus==''" @click="seecompleteproject(messagedatas.messageDetails.projectId)">
                            点击查看完整项目
                            </div>
                        </div>


            </div>




            <!-- 执行者内容 -->
            <div v-if="iscreateUser==false">



                        <div v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus!=1">
                          <div class="projectdetails-sm">
                            <div class="projectdetails-context-left">提交说明：</div>
                            <div class="projectdetails-sm-context">{{messagedatas.messageDetails.projectFinishDescribe}}</div>
                          </div>
                          <div class="projectdetails-fj">
                            <div class="projectdetails-context-left">相关附件：</div>
                            <div class="projectdetails-fj-context">
                              <div class="projectdetails-fj-context-file" v-for="(item,index)  in projectFinishFilesNameslist" :key="index" @click="down(item,index)">
                                <img src="../../common/image/icon_pdf.png" alt="" v-if="item.filelx=='pdf'">
                              <img src="../../common/image/icon_word.png" alt="" v-if="item.filelx=='word'">
                              <img src="../../common/image/icon_xls.png" alt="" v-if="item.filelx=='xls'">
                              <img src="../../common/image/icon_txt.png" alt="" v-if="item.filelx=='txt'">
                              <img src="../../common/image/icon_picture.png" alt="" v-if="item.filelx=='img'">
                              <img src="../../common/image/icon_package.png" alt="" v-if="item.filelx=='zip'">
                              <img src="../../common/image/icon_video.png" alt="" v-if="item.filelx=='avi'">
                                <span>{{item.filesname}}</span>
                              </div>
                              
                              <!-- <img src="../../common/image/shanfenyuan.png" alt="">
                              <span>{{messagedatas.messageDetails.projectFilesNames}}</span> -->
                            </div>
                          </div>
                        </div>


                       

                        




                        <!-- //申请退回 -->
                        <div v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==1 && iscreateUser==true">
                          <div class="projectdetails-sm">
                            <div class="projectdetails-context-left">退回理由：</div>
                            <div class="projectdetails-sm-context">{{messagedatas.messageDetails.applyReason}}</div>
                          </div>
                        </div>
                        <!-- //申请退回 -->
                        <div v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.examineStatus==''&&messagedatas.messageDetails.refuseReason!=''">
                          <div class="projectdetails-sm">
                            <div class="projectdetails-context-left">驳回理由：</div>
                            <div class="projectdetails-sm-context">{{messagedatas.messageDetails.refuseReason}}</div>
                          </div>
                        </div>


                        <!-- //提交任务退回 -->
                        <div v-if="messagedatas.messageDetails.taskStatus==2 && messagedatas.messageDetails.examineStatus==''&&messagedatas.messageDetails.refuseReason!=''">
                          <div class="projectdetails-sm">
                            <div class="projectdetails-context-left">驳回理由：</div>
                            <div class="projectdetails-sm-context">{{messagedatas.messageDetails.refuseReason}}</div>
                          </div>
                        </div>


                        <div class="projectdetails-hengx-2" v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.examineStatus==''&&messagedatas.messageDetails.refuseReason!=''"></div>
                        <div class="projectdetails-hengx-2" v-if="messagedatas.messageDetails.taskStatus==2 && messagedatas.messageDetails.examineStatus==''&&messagedatas.messageDetails.refuseReason!=''"></div>



                        <div class="projectdetails-hengx-2" v-if="projectdetailssmshow && messagedatas.messageDetails.taskStatus==0"></div>
                        <div v-if="projectdetailssmshow && (messagedatas.messageDetails.applyReason!='' || messagedatas.messageDetails.refuseReason!='')">
                        <div class="projectdetails-sm" >
                            <div class="projectdetails-context-left">项目说明：</div>
                            <div class="projectdetails-sm-context">{{messagedatas.messageDetails.projectDescribe}}</div>
                          </div>
                          <div class="projectdetails-fj">
                            <div class="projectdetails-context-left">相关附件：</div>
                            <div class="projectdetails-fj-context">
                              <div class="projectdetails-fj-context-file" v-for="(item,index)  in projectFileslist" :key="index" @click="down(item,index)">
                                  <img src="../../common/image/icon_pdf.png" alt="" v-if="item.filelx=='pdf'">
                              <img src="../../common/image/icon_word.png" alt="" v-if="item.filelx=='word'">
                              <img src="../../common/image/icon_xls.png" alt="" v-if="item.filelx=='xls'">
                              <img src="../../common/image/icon_txt.png" alt="" v-if="item.filelx=='txt'">
                              <img src="../../common/image/icon_picture.png" alt="" v-if="item.filelx=='img'">
                              <img src="../../common/image/icon_package.png" alt="" v-if="item.filelx=='zip'">
                              <img src="../../common/image/icon_video.png" alt="" v-if="item.filelx=='avi'">
                              <span>{{item.filesname}}</span>
                              </div>
                              
                              <!-- <img src="../../common/image/shanfenyuan.png" alt="">
                              <span>{{messagedatas.messageDetails.projectFilesNames}}</span> -->
                            </div>
                          </div>
                        </div>

                         <!-- 领取任务 -->
                        <div v-if="messagedatas.messageDetails.taskStatus==2 && messagedatas.messageDetails.examineStatus==''&&messagedatas.messageDetails.refuseReason==''">
                        <div class="projectdetails-sm" >
                            <div class="projectdetails-context-left">项目说明：</div>
                            <div class="projectdetails-sm-context">{{messagedatas.messageDetails.projectDescribe}}</div>
                          </div>
                          <div class="projectdetails-fj">
                            <div class="projectdetails-context-left">相关附件：</div>
                            <div class="projectdetails-fj-context">
                              <div class="projectdetails-fj-context-file" v-for="(item,index)  in projectFileslist" :key="index" @click="down(item,index)">
                                  <img src="../../common/image/icon_pdf.png" alt="" v-if="item.filelx=='pdf'">
                              <img src="../../common/image/icon_word.png" alt="" v-if="item.filelx=='word'">
                              <img src="../../common/image/icon_xls.png" alt="" v-if="item.filelx=='xls'">
                              <img src="../../common/image/icon_txt.png" alt="" v-if="item.filelx=='txt'">
                              <img src="../../common/image/icon_picture.png" alt="" v-if="item.filelx=='img'">
                              <img src="../../common/image/icon_package.png" alt="" v-if="item.filelx=='zip'">
                              <img src="../../common/image/icon_video.png" alt="" v-if="item.filelx=='avi'">
                              <span>{{item.filesname}}</span>
                              </div>
                              
                              <!-- <img src="../../common/image/shanfenyuan.png" alt="">
                              <span>{{messagedatas.messageDetails.projectFilesNames}}</span> -->
                            </div>
                          </div>
                        </div>


                        <!-- 完成任务 -->
                        <div v-if="messagedatas.messageDetails.taskStatus==3 && messagedatas.messageDetails.examineStatus==''">
                        <div class="projectdetails-sm" >
                            <div class="projectdetails-context-left">项目说明：</div>
                            <div class="projectdetails-sm-context">{{messagedatas.messageDetails.projectDescribe}}</div>
                          </div>
                          <div class="projectdetails-fj">
                            <div class="projectdetails-context-left">相关附件：</div>
                            <div class="projectdetails-fj-context">
                              <div class="projectdetails-fj-context-file" v-for="(item,index)  in projectFileslist" :key="index" @click="down(item,index)">
                                  <img src="../../common/image/icon_pdf.png" alt="" v-if="item.filelx=='pdf'">
                              <img src="../../common/image/icon_word.png" alt="" v-if="item.filelx=='word'">
                              <img src="../../common/image/icon_xls.png" alt="" v-if="item.filelx=='xls'">
                              <img src="../../common/image/icon_txt.png" alt="" v-if="item.filelx=='txt'">
                              <img src="../../common/image/icon_picture.png" alt="" v-if="item.filelx=='img'">
                              <img src="../../common/image/icon_package.png" alt="" v-if="item.filelx=='zip'">
                              <img src="../../common/image/icon_video.png" alt="" v-if="item.filelx=='avi'">
                              <span>{{item.filesname}}</span>
                              </div>
                              
                              <!-- <img src="../../common/image/shanfenyuan.png" alt="">
                              <span>{{messagedatas.messageDetails.projectFilesNames}}</span> -->
                            </div>
                          </div>
                        </div>



                        <div v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==1&&messagedatas.messageDetails.refuseReason==''">
                        <div class="projectdetails-sm" >
                            <div class="projectdetails-context-left">项目说明：</div>
                            <div class="projectdetails-sm-context">{{messagedatas.messageDetails.projectDescribe}}</div>
                          </div>
                          <div class="projectdetails-fj">
                            <div class="projectdetails-context-left">相关附件：</div>
                            <div class="projectdetails-fj-context">
                              <div class="projectdetails-fj-context-file" v-for="(item,index)  in projectFileslist" :key="index" @click="down(item,index)">
                                  <img src="../../common/image/icon_pdf.png" alt="" v-if="item.filelx=='pdf'">
                              <img src="../../common/image/icon_word.png" alt="" v-if="item.filelx=='word'">
                              <img src="../../common/image/icon_xls.png" alt="" v-if="item.filelx=='xls'">
                              <img src="../../common/image/icon_txt.png" alt="" v-if="item.filelx=='txt'">
                              <img src="../../common/image/icon_picture.png" alt="" v-if="item.filelx=='img'">
                              <img src="../../common/image/icon_package.png" alt="" v-if="item.filelx=='zip'">
                              <img src="../../common/image/icon_video.png" alt="" v-if="item.filelx=='avi'">
                              <span>{{item.filesname}}</span>
                              </div>
                              
                              <!-- <img src="../../common/image/shanfenyuan.png" alt="">
                              <span>{{messagedatas.messageDetails.projectFilesNames}}</span> -->
                            </div>
                          </div>
                        </div>

                        <!-- 驳回的申请 -->
                        <div v-if="messagedatas.messageDetails.taskStatus==1&&messagedatas.messageDetails.examineStatus==''&&messagedatas.messageDetails.refuseReason==''&&messagedatas.messageDetails.applyReason==''">
                        <div class="projectdetails-sm" >
                            <div class="projectdetails-context-left">项目说明：</div>
                            <div class="projectdetails-sm-context">{{messagedatas.messageDetails.projectDescribe}}</div>
                          </div>
                          <div class="projectdetails-fj">
                            <div class="projectdetails-context-left">相关附件：</div>
                            <div class="projectdetails-fj-context">
                              <div class="projectdetails-fj-context-file" v-for="(item,index)  in projectFileslist" :key="index" @click="down(item,index)">
                                  <img src="../../common/image/icon_pdf.png" alt="" v-if="item.filelx=='pdf'">
                              <img src="../../common/image/icon_word.png" alt="" v-if="item.filelx=='word'">
                              <img src="../../common/image/icon_xls.png" alt="" v-if="item.filelx=='xls'">
                              <img src="../../common/image/icon_txt.png" alt="" v-if="item.filelx=='txt'">
                              <img src="../../common/image/icon_picture.png" alt="" v-if="item.filelx=='img'">
                              <img src="../../common/image/icon_package.png" alt="" v-if="item.filelx=='zip'">
                              <img src="../../common/image/icon_video.png" alt="" v-if="item.filelx=='avi'">
                              <span>{{item.filesname}}</span>
                              </div>
                              
                              <!-- <img src="../../common/image/shanfenyuan.png" alt="">
                              <span>{{messagedatas.messageDetails.projectFilesNames}}</span> -->
                            </div>
                          </div>
                        </div>

                         <!-- 已逾期 -->
                        <div v-if="messagedatas.messageDetails.taskStatus==4 && messagedatas.messageDetails.examineStatus==''&& messagedatas.messageDetails.projectStatus==3">
                        <div class="projectdetails-sm" >
                            <div class="projectdetails-context-left">项目说明：</div>
                            <div class="projectdetails-sm-context">{{messagedatas.messageDetails.projectDescribe}}</div>
                          </div>
                          <div class="projectdetails-fj">
                            <div class="projectdetails-context-left">相关附件：</div>
                            <div class="projectdetails-fj-context">
                              <div class="projectdetails-fj-context-file" v-for="(item,index)  in projectFileslist" :key="index" @click="down(item,index)">
                                  <img src="../../common/image/icon_pdf.png" alt="" v-if="item.filelx=='pdf'">
                              <img src="../../common/image/icon_word.png" alt="" v-if="item.filelx=='word'">
                              <img src="../../common/image/icon_xls.png" alt="" v-if="item.filelx=='xls'">
                              <img src="../../common/image/icon_txt.png" alt="" v-if="item.filelx=='txt'">
                              <img src="../../common/image/icon_picture.png" alt="" v-if="item.filelx=='img'">
                              <img src="../../common/image/icon_package.png" alt="" v-if="item.filelx=='zip'">
                              <img src="../../common/image/icon_video.png" alt="" v-if="item.filelx=='avi'">
                              <span>{{item.filesname}}</span>
                              </div>
                              
                              <!-- <img src="../../common/image/shanfenyuan.png" alt="">
                              <span>{{messagedatas.messageDetails.projectFilesNames}}</span> -->
                            </div>
                          </div>
                        </div>

                          <!-- 被驳回未领取 -->
                          <!-- <div class="projectdetails-hengx" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==''&&messagedatas.messageDetails.refuseReason!=''"></div>
                          <div class="projectdetails-seewz-k" v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.examineStatus==''&&messagedatas.messageDetails.refuseReason!=''">
                            <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.examineStatus==''&&messagedatas.messageDetails.refuseReason!=''&&projectdetailssmshow==false" @click="seetjrw">
                                    点击查看任务说明
                            </div>
                            <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.examineStatus==''&&messagedatas.messageDetails.refuseReason!=''" @click="seecompleteproject(messagedatas.messageDetails.projectId)">
                            点击查看完整项目
                            </div>
                        </div> -->

                        <!-- 被驳回的提交 -->

                        <div class="projectdetails-seewz-k" v-if="messagedatas.messageDetails.taskStatus==2 && messagedatas.messageDetails.examineStatus==''&&messagedatas.messageDetails.refuseReason!=''">
                            <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==2 && messagedatas.messageDetails.examineStatus==''&&messagedatas.messageDetails.refuseReason!=''&&projectdetailssmshow==false" @click="seetjrw">
                                    点击查看任务说明
                            </div>
                            <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==2 && messagedatas.messageDetails.examineStatus==''&&messagedatas.messageDetails.refuseReason!=''" @click="seecompleteproject(messagedatas.messageDetails.projectId)">
                            点击查看完整项目
                            </div>
                        </div>



                        <!-- 退回申请 -->
                          <!-- <div class="projectdetails-hengx" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==1&&messagedatas.messageDetails.refuseReason==''"></div> -->
                          <div class="projectdetails-seewz-k" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==1&&messagedatas.messageDetails.refuseReason==''&&projectdetailssmshow==false">
                            <!-- <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==1&&messagedatas.messageDetails.refuseReason==''&&projectdetailssmshow==false" @click="seetjrw">
                                    点击查看任务说明
                            </div> -->
                            <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==1&&messagedatas.messageDetails.refuseReason==''&&projectdetailssmshow==false" @click="seecompleteproject(messagedatas.messageDetails.projectId)">
                            点击查看完整项目
                            </div>
                        </div>


                        
                        <!-- 被驳回未领取 -->
                          <!-- <div class="projectdetails-hengx" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==1&&messagedatas.messageDetails.refuseReason==''"></div> -->
                          <div class="projectdetails-seewz-k" v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.examineStatus==''&&messagedatas.messageDetails.refuseReason!=''">
                            <!-- <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==1&&messagedatas.messageDetails.refuseReason==''&&projectdetailssmshow==false" @click="seetjrw">
                                    点击查看任务说明
                            </div> -->
                            <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.examineStatus==''&&messagedatas.messageDetails.refuseReason!=''" @click="seecompleteproject(messagedatas.messageDetails.projectId)">
                            点击查看完整项目
                            </div>
                        </div>


                        <div class="projectdetails-seewz-k" v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.examineStatus==''&&messagedatas.messageDetails.refuseReason==''&&projectdetailssmshow==false&&messagedatas.messageDetails.applyReason==''">
                            <!-- <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==1&&messagedatas.messageDetails.refuseReason==''&&projectdetailssmshow==false" @click="seetjrw">
                                    点击查看任务说明
                            </div> -->
                            <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.examineStatus==''&&messagedatas.messageDetails.refuseReason==''&&projectdetailssmshow==false&&messagedatas.messageDetails.applyReason==''" @click="seecompleteproject(messagedatas.messageDetails.projectId)">
                            点击查看完整项目
                            </div>
                        </div>

                            <!-- 已退回 -->
                         <div class="projectdetails-seewz-k" v-if="messagedatas.messageDetails.taskStatus==7">
                            <!-- <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==1&&messagedatas.messageDetails.refuseReason==''&&projectdetailssmshow==false" @click="seetjrw">
                                    点击查看任务说明
                            </div> -->
                            <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==7" @click="seecompleteproject(messagedatas.messageDetails.projectId)">
                            点击查看完整项目
                            </div>
                        </div>

                          <!-- 已退回 -->
                         <div class="projectdetails-seewz-k" v-if="messagedatas.messageDetails.taskStatus==2&&messagedatas.messageDetails.examineStatus==''&&messagedatas.messageDetails.refuseReason==''">
                            <!-- <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==1&&messagedatas.messageDetails.refuseReason==''&&projectdetailssmshow==false" @click="seetjrw">
                                    点击查看任务说明
                            </div> -->
                            <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==2&&messagedatas.messageDetails.examineStatus==''&&messagedatas.messageDetails.refuseReason==''" @click="seecompleteproject(messagedatas.messageDetails.projectId)">
                            点击查看完整项目
                            </div>
                        </div>




                        <!-- 任务完成 -->
                         <div class="projectdetails-seewz-k" v-if="messagedatas.messageDetails.taskStatus==3&&messagedatas.messageDetails.examineStatus==''">
                            <!-- <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==1&&messagedatas.messageDetails.refuseReason==''&&projectdetailssmshow==false" @click="seetjrw">
                                    点击查看任务说明
                            </div> -->
                            <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==3&&messagedatas.messageDetails.examineStatus==''" @click="seecompleteproject(messagedatas.messageDetails.projectId)">
                            点击查看完整项目
                            </div>
                        </div>

                        <!-- v-if="messagedatas.messageDetails.taskStatus==4 && messagedatas.messageDetails.examineStatus==''&& messagedatas.messageDetails.projectStatus==3" -->
                        <!-- 执行者已逾期 -->
                         <div class="projectdetails-seewz-k" v-if="messagedatas.messageDetails.taskStatus==4 && messagedatas.messageDetails.examineStatus==''&& messagedatas.messageDetails.projectStatus==3">
                            <!-- <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==1&&messagedatas.messageDetails.refuseReason==''&&projectdetailssmshow==false" @click="seetjrw">
                                    点击查看任务说明
                            </div> -->
                            <div class="projectdetails-seewz" v-if="messagedatas.messageDetails.taskStatus==3&&messagedatas.messageDetails.examineStatus==''" @click="seecompleteproject(messagedatas.messageDetails.projectId)">
                            点击查看完整项目
                            </div>
                        </div>


            </div>




            
           </div>     
        </div>
    </div>
    </div>
        <div class="projectdetails-bt" v-if="messagedatas.messageDetails.taskStatus==1 && messagedatas.messageDetails.examineStatus==''&&iscreateUser==false">
          <div class="projectdetails-bt-th" @click="projectth" >申请退回</div>
          <div class="projectdetails-bt-js" @click="projectjs" >接收任务</div>
          <!-- <div class="projectdetails-bt-th" @click="projectth" >申请退回</div>
          <div class="projectdetails-bt-js" @click="projectjs" >接收任务</div> -->
        </div>
        <div class="projectdetails-bt" v-if="messagedatas.messageDetails.taskStatus==2&&iscreateUser==false">
          <!-- <div class="projectdetails-bt-th" @click="projecttj" >提交任务</div> -->
           <div class="projectdetails-bt-js" @click="projecttjrw(0)" >提交任务</div>
          <!-- <div class="projectdetails-bt-th" @click="projectth" >申请退回</div>
          <div class="projectdetails-bt-js" @click="projectjs" >接收任务</div> -->
        </div>
        <div class="projectdetails-bt" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==2&&iscreateUser==false">
          <!-- <div class="projectdetails-bt-th" @click="projecttj" >提交任务</div> -->
           <div class="projectdetails-bt-js" @click="projecttjrw(1)" >重新编辑</div>
          <!-- <div class="projectdetails-bt-th" @click="projectth" >申请退回</div>
          <div class="projectdetails-bt-js" @click="projectjs" >接收任务</div> -->
        </div>


        <div class="projectdetails-bt" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==1&&iscreateUser==true">
          <div class="projectdetails-bt-th" @click="projectbh" >驳回</div>
          <div class="projectdetails-bt-js" @click="projecttoguo" >通过</div>
          <!-- <div class="projectdetails-bt-th" @click="projectth" >申请退回</div>
          <div class="projectdetails-bt-js" @click="projectjs" >接收任务</div> -->
        </div>

        <div class="projectdetails-bt" v-if="messagedatas.messageDetails.taskStatus==0 && messagedatas.messageDetails.examineStatus==2&&iscreateUser==true">
          <div class="projectdetails-bt-th" @click="projectbh" >驳回</div>
          <div class="projectdetails-bt-js" @click="projecttoguo" >通过</div>
          <!-- <div class="projectdetails-bt-th" @click="projectth" >申请退回</div>
          <div class="projectdetails-bt-js" @click="projectjs" >接收任务</div> -->
        </div>

        


      </div>

      <!-- 领取成功 -->
      <div class="project-lq" v-if="detailslcshow">
        <div class="project-lq-k">
          <div>
            <img src="../../common/image/icon_lqcg.png" alt="">
            <p>您已成功领取任务！</p>
            <p>可在<span>项目列表</span>中查看项目详情</p>
          </div>
        </div>
        <div class="project-lq-choss" @click="projectchoss"><img src="../../common/image/icon_choss.png" alt=""></div>
      </div>


       <!-- 退回项目 -->
      <div class="project-lq-rw" v-if="detailsthshow">
        <div>
          <p>请输入退回理由</p>
          <textarea name="" id="" cols="30" rows="10" placeholder="请假了,不在公司" v-model="refuseReason"></textarea>
          <div class="project-lq-rw-cz">
            <div class="project-lq-rw-qx" @click="projectrwqx">取消</div>
            <div class="project-lq-rw-qr" @click="projectrwqr">确认</div>
          </div>
       </div>
      </div>


       <!-- 申请成功 -->
      <div class="project-lq" v-if="detailssqcgshow">
        <div class="project-lq-k">
          <div>
            <img src="../../common/image/icon_lqcg.png" alt="">
            <p>申请成功！</p>
            <p>请等待审批</p>
            <div class="project-sqcg" @click="projectrwsqwc">好的</div>
          </div>
        </div>
      </div>





      <!-- 项目详情 -->
      <div class="projectdetails-content" v-if="detailsmlshow">
        <div class="projectdetails-title">
          <div class="projectdetails-title-imgortitle">
            <img src="../../common/image/icon_detai.png" alt="">
            <h3>项目详情2</h3>
          </div>
          <div class="projectdetails-title-img" @click="chossdetails">
            <img src="../../common/image/icon_choss.png" alt="">
          </div>
        </div>
         <div class="projectdetails-dagund">
           <div class="projectdetails-dagund-jz">
                <div class="projectdetails-contents">
                  <div class="projectdetails-contents-list" v-if="messagedatas.messageDetails.projectStatus==1">
                    <div class="projectdetails-contents-start">
                      <img src="../../common/image/icon_jz.png" alt="">
                      <div>进行中</div>
                    </div>
                  </div>
                  <!-- <div class="projectdetails-contents-list">
                    <div class="projectdetails-contents-start">
                      <img src="../../common/image/icon_sh.png" alt="">
                      <div>审核中</div>
                    </div>
                  </div> -->
                  <div class="projectdetails-contents-list" v-if="messagedatas.messageDetails.projectStatus==2">
                    <div class="projectdetails-contents-start">
                      <img src="../../common/image/icon_wc.png" alt="">
                      <div>已完成</div>
                    </div>
                  </div>
                  <div class="projectdetails-contents-list" v-if="messagedatas.messageDetails.projectStatus==3">
                    <div class="projectdetails-contents-start">
                      <img src="../../common/image/icon_yq.png" alt="">
                      <div>已逾期</div>
                    </div>
                  </div>
                </div>

                <div class="projectdetails-contents-mcorfzr">
                  <h1>{{messagedatas.messageDetails.projectName}}</h1>
                  <p>创建人：{{messagedatas.messageDetails.createUser}}</p>
                </div>

                <div class="projectdetails-time">
                  <ul>
                    <li>
                      <div class="projectdetails-starttime">{{messagedatas.messageDetails.projectBeginDate}}<span>（开始）</span></div>
                    </li>
                    <li>
                      <div class="projectdetails-endtime">{{messagedatas.messageDetails.projectEndDate}}<span>（截止）</span></div></li>
                  </ul>
                </div>

                <!-- <div class="projectdetails-obj">
                  <div class="projectdetails-context-left">指派对象：</div>
                  <div class="projectdetails-obj-tx">
                    <img src="../../common/image/shanfenyuan.png" alt="">
                    <img src="../../common/image/shanfenyuan.png" alt="">
                    <img src="../../common/image/shanfenyuan.png" alt="">
                  </div>
                  <div class="projectdetails-obj-nun">26+</div>
                </div> -->

                <div class="projectdetails-sm projectmarginleft">
                  <div class="projectdetails-context-left">项目说明：</div>
                  
                  <div class="projectdetails-sm-context">{{messagedatas.messageDetails.projectDescribe}}</div>
                </div>
                <div class="projectdetails-fj projectmarginleft">
                  <div class="projectdetails-context-left">相关附件：</div>
                  <div class="projectdetails-fj-context fj-style">
                    <div class="projectdetails-fj-context-file" v-for="(item,index)  in projectFileslist" :key="index" @click="down(item,index)">
                    <img src="../../common/image/icon_pdf.png" alt="" v-if="item.filelx=='pdf'">
                    <img src="../../common/image/icon_word.png" alt="" v-if="item.filelx=='word'">
                    <img src="../../common/image/icon_xls.png" alt="" v-if="item.filelx=='xls'">
                    <img src="../../common/image/icon_txt.png" alt="" v-if="item.filelx=='txt'">
                    <img src="../../common/image/icon_picture.png" alt="" v-if="item.filelx=='img'">
                    <img src="../../common/image/icon_package.png" alt="" v-if="item.filelx=='zip'">
                    <img src="../../common/image/icon_video.png" alt="" v-if="item.filelx=='avi'">
                    <span>{{item.filesname}}</span>
                    </div>
                  </div>
                </div>

                <div class="projectdetails-fj projectdetails-xmjd projectmarginleft">
                  <div class="projectdetails-context-left">项目节点：</div>
                  <div class="projectdetails-fj-jd">
                    <div class="projectdetails-jd-list" v-for="(workAssignListitem,index) in messagedatas.messageDetails.workAssignList" :key="index">
                      <div class="projectdetails-jd-list-img"><img :src="workAssignListitem.wxHeadImage" alt=""></div>
                      <div class="projectdetails-jd-list-xq">
                        <h2>{{workAssignListitem.projectDescribe}}</h2>
                        <p>截止时间{{workAssignListitem.projectEndDate}}</p>
                      </div>
                      <div class="projectdetails-jd-list-zt">
                        <img src="../../common/image/icon_timebjj.png" alt="" v-if="workAssignListitem.datatimefor=='1'&&messagedatas.messageDetails.projectStatus==1">
                        <img src="../../common/image/icon_timejj.png" alt="" v-if="workAssignListitem.datatimefor=='0'&&messagedatas.messageDetails.projectStatus==1">
                        </div>
                      <div class="projectdetails-jd-list-right">
                        <div class="projectdetails-jd-list-right-text" v-if="workAssignListitem.projectStatus==0">待审核</div>
                        <div class="projectdetails-jd-list-right-text" v-if="workAssignListitem.projectStatus==1">待领取</div>
                        <div class="projectdetails-jd-list-right-text" v-if="workAssignListitem.projectStatus==2">进行中</div>
                        <div class="projectdetails-jd-list-right-text" v-if="workAssignListitem.projectStatus==3">已完成</div>
                        <div class="projectdetails-jd-list-right-text" v-if="workAssignListitem.projectStatus==4">已逾期</div>
                        <!-- <div class="projectdetails-jd-list-right-text" v-if="workAssignListitem.projectStatus==0">待审核</div> -->
                      </div>
                    </div>
                    
                  </div>
                </div>

                <div class="projectdetails-obj projectmarginleft">
                  <div class="projectdetails-context-left">抄送对象：</div>
                  <div class="projectdetails-obj-tx">
                    <img :src="cclist.wxHeadImage" alt="" v-for="(cclist,index) in messagedatas.messageDetails.ccUserList.slice( 0,3)" :key="index">
                    <!-- <img src="../../common/image/shanfenyuan.png" alt="">
                    <img src="../../common/image/shanfenyuan.png" alt=""> -->
                  </div>
                  <div class="projectdetails-obj-nun" v-if="messagedatas.messageDetails.ccUserList.length>3">{{messagedatas.messageDetails.ccUserList.length}}+</div>
                </div>
         </div>
      </div>
        <div class="projectdetails-bt">
          <div class="projectdetails-bt-th" @click="projectth" v-if="messagedatas.messageDetails.taskStatus==2">申请退回</div>
          <div class="projectdetails-bt-js" @click="projectjs" v-if="messagedatas.messageDetails.taskStatus==1">接收任务</div>
        </div>

      </div>


      <!-- //任务取消 -->
      <div class="project-lq" v-if="datailqx">
        <div class="project-lq-k">
          <div>
            <img src="../../common/image/icon_lqcg.png" alt="">
            <p>您的任务已经取消了！</p>
            <p>请留意另外分配的任务</p>
            <div class="project-sqcg" @click="projectrwqrqx">好的</div>
          </div>
        </div>
      </div>



      <!-- 提交任务 -->
      <!-- 提交项目 -->
      <div class="project-tj-rw" v-if="detailstjshow">
        <div>
          <p>{{projecttjrwtop}}</p>
          <div class="project-tj-rw-xgsm">
            <h3>请输入相关说明</h3>
            <input type="text" v-model="xgshuoming">
          </div>
          <div class="project-tj-rw-upload">
            <h3>添加附件</h3>
            <div class="projectcreate-upload"> 
            <el-upload
            ref="uploadFilerw"
              class="upload-demo"
              drag
              action="#"
              multiple
              name="file"
              method='post'
              :on-success='filesuccess'
              :auto-upload='false'
              :before-upload="beforeUpload"
              :file-list='filelist' 
            >
              <el-icon class="el-icon--upload"><upload-filled /></el-icon>
              <div class="el-upload__text">
                 您可以点击这里上传文件，<br><em>或把文件拖放到这里。</em>
             </div>
            <!-- <template #tip>
             <div class="el-upload__tip">
              jpg/png files with a size less than 500kb
               </div>
               </template> -->
             </el-upload>
             </div>
          </div>
          <div class="project-lq-rw-cz">
            <div class="project-lq-rw-qx" @click="projectrwqx">取消</div>
            <div class="project-lq-rw-qr" @click="projectrwqrtj">确认</div>
          </div>
       </div>
      </div>


       <!-- 提交成功 -->
      
       <div class="project-lq" v-if="detailstjrwshow">
        <div class="project-lq-k">
          <div>
            <img src="../../common/image/icon_lqcg.png" alt="">
            <p>您已成功提交任务!</p>
            <p>可在<span>待审核项目</span>列表中查看或修改</p>
          </div>
        </div>
        <div class="project-lq-choss" @click="projectchoss"><img src="../../common/image/icon_choss.png" alt=""></div>
      </div>


       <!-- 驳回项目 -->
      <div class="project-lq-rw" v-if="detailsbhshow">
        <div>
          <p>请输入驳回理由</p>
          <textarea name="" id="" cols="30" rows="10" placeholder="" v-model="refuseReason"></textarea>
          <div class="details-tjsj">
            <h1>项目提交时间</h1>
            <div class="project-tjsj-picker">
            <el-date-picker
            v-model="endDate"
            type="date"
            value-format="YYYY-MM-DD"
            :disabled-date="disabledDate"
            placeholder="Pick a day"
            @change='panelchange'
           />
          </div>
          </div>
          <div class="project-lq-rw-cz">
            <div class="project-lq-rw-qx" @click="projectrwqx">取消</div>
            <div class="project-lq-rw-qr" @click="projectrwqrbh">确认</div>
          </div>
       </div>
      </div>


      <!-- 查看完整项目详情 -->
      <div class="projectdetails-content" v-if="wzdetailsshow">
        <div class="projectdetails-title">
          <div class="projectdetails-title-imgortitle">
            <img src="../../common/image/icon_detai.png" alt="">
            <h3>项目详情</h3>
          </div>
          <div class="projectdetails-title-img" @click="chosswzdetails">
            <img src="../../common/image/icon_choss.png" alt="">
          </div>
        </div>
         <div class="projectdetails-dagund">
           <div class="projectdetails-dagund-jz">
                <div class="projectdetails-contents">
                  <div class="projectdetails-contents-list" v-if="pojectdatack.projectStatus==1">
                    <div class="projectdetails-contents-start">
                      <img src="../../common/image/icon_jz.png" alt="">
                      <div>进行中</div>
                    </div>
                  </div>
                  <!-- <div class="projectdetails-contents-list">
                    <div class="projectdetails-contents-start">
                      <img src="../../common/image/icon_sh.png" alt="">
                      <div>审核中</div>
                    </div>
                  </div> -->
                  <div class="projectdetails-contents-list" v-if="pojectdatack.projectStatus==2">
                    <div class="projectdetails-contents-start">
                      <img src="../../common/image/icon_wc.png" alt="">
                      <div>已完成</div>
                    </div>
                  </div>
                  <div class="projectdetails-contents-list" v-if="pojectdatack.projectStatus==3">
                    <div class="projectdetails-contents-start">
                      <img src="../../common/image/icon_yq.png" alt="">
                      <div>已逾期</div>
                    </div>
                  </div>
                </div>

                <div class="projectdetails-contents-mcorfzr">
                  <h1>{{messagedatas.messageDetails.projectName}}</h1>
                  <p>创建人：{{messagedatas.messageDetails.createUser}}</p>
                </div>

                <div class="projectdetails-time">
                  <ul>
                    <li>
                      <div class="projectdetails-starttime">{{pojectdatack.projectBeginDate}}<span>（开始）</span></div>
                    </li>
                    <li>
                      <div class="projectdetails-endtime">{{pojectdatack.projectEndDate}}<span>（截止）</span></div></li>
                  </ul>
                </div>

                <!-- <div class="projectdetails-obj">
                  <div class="projectdetails-context-left">指派对象：</div>
                  <div class="projectdetails-obj-tx">
                    <img src="../../common/image/shanfenyuan.png" alt="">
                    <img src="../../common/image/shanfenyuan.png" alt="">
                    <img src="../../common/image/shanfenyuan.png" alt="">
                  </div>
                  <div class="projectdetails-obj-nun">26+</div>
                </div> -->

                <div class="projectdetails-sm projectmarginleft">
                  <div class="projectdetails-context-left">项目说明：</div>
                  
                  <div class="projectdetails-sm-context">{{pojectdatack.projectDescribe}}</div>
                </div>
                <div class="projectdetails-fj projectmarginleft">
                  <div class="projectdetails-context-left">相关附件：</div>
                  <div class="projectdetails-fj-context fj-style">
                    <div class="projectdetails-fj-context-file" v-for="(item,index)  in projectFileslistck" :key="index" @click="down(item,index)">
                    <img src="../../common/image/icon_pdf.png" alt="" v-if="item.filelx=='pdf'">
                    <img src="../../common/image/icon_word.png" alt="" v-if="item.filelx=='word'">
                    <img src="../../common/image/icon_xls.png" alt="" v-if="item.filelx=='xls'">
                    <img src="../../common/image/icon_txt.png" alt="" v-if="item.filelx=='txt'">
                    <img src="../../common/image/icon_picture.png" alt="" v-if="item.filelx=='img'">
                    <img src="../../common/image/icon_package.png" alt="" v-if="item.filelx=='zip'">
                    <img src="../../common/image/icon_video.png" alt="" v-if="item.filelx=='avi'">
                    <span>{{item.filesname}}</span>
                    </div>
                  </div>
                </div>

                <div class="projectdetails-fj projectdetails-xmjd projectmarginleft">
                  <div class="projectdetails-context-left">项目节点：</div>
                  <div class="projectdetails-fj-jd">
                    <div class="projectdetails-jd-list" v-for="(workAssignListitem,index) in pojectdatack.workAssignList" :key="index">
                      <div class="projectdetails-jd-list-img"><img :src="workAssignListitem.wxHeadImage" alt=""></div>
                      <div class="projectdetails-jd-list-xq">
                        <h2>{{workAssignListitem.projectDescribe}}</h2>
                        <p>截止时间{{workAssignListitem.projectEndDate}}</p>
                      </div>
                      <div class="projectdetails-jd-list-zt">
                        <img src="../../common/image/icon_timebjj.png" alt="" v-if="workAssignListitem.datatimefor=='1'&&pojectdatack.projectStatus==1">
                        <img src="../../common/image/icon_timejj.png" alt="" v-if="workAssignListitem.datatimefor=='0'&&pojectdatack.projectStatus==1">
                      </div>
                      <div class="projectdetails-jd-list-right">
                        <div class="projectdetails-jd-list-right-text" v-if="workAssignListitem.projectStatus==0">待审核</div>
                        <div class="projectdetails-jd-list-right-text" v-if="workAssignListitem.projectStatus==1">待领取</div>
                        <div class="projectdetails-jd-list-right-text" v-if="workAssignListitem.projectStatus==2">进行中</div>
                        <div class="projectdetails-jd-list-right-text" v-if="workAssignListitem.projectStatus==3">已完成</div>
                        <div class="projectdetails-jd-list-right-text" v-if="workAssignListitem.projectStatus==4">已逾期</div>
                        <!-- <div class="projectdetails-jd-list-right-text" v-if="workAssignListitem.projectStatus==0">待审核</div> -->
                      </div>
                    </div>
                    
                  </div>
                </div>

                <div class="projectdetails-obj projectmarginleft">
                  <div class="projectdetails-context-left">抄送对象：</div>
                  <div class="projectdetails-obj-tx">
                    <img :src="cclist.wxHeadImage" alt="" v-for="(cclist,index) in pojectdatack.ccUserList.slice( 0,3)" :key="index">
                    <!-- <img src="../../common/image/shanfenyuan.png" alt="">
                    <img src="../../common/image/shanfenyuan.png" alt=""> -->
                  </div>
                  <div class="projectdetails-obj-nun" v-if="pojectdatack.ccUserList.length>3">{{pojectdatack.ccUserList.length}}+</div>
                </div>
         </div>
      </div>
        <div class="projectdetails-bt">
          <div class="projectdetails-bt-th" @click="projectth" v-if="pojectdatack.taskStatus==2">申请退回</div>
          <div class="projectdetails-bt-js" @click="projectjs" v-if="pojectdatack.taskStatus==1">接收任务</div>
        </div>

      </div>



    </div>
</template>
<script >
import { computed,defineComponent, ref, reactive,defineEmits} from "vue";

import {receiveTask,refuseTask,saveFileUpload,submitTask,rejectTask,adoptTask,getProjectDetails} from '../../api/api'
import { List, Search } from '@element-plus/icons-vue'
import { ElMessage } from 'element-plus'
import 'element-plus/theme-chalk/el-loading.css';
import 'element-plus/theme-chalk/el-message.css';
export default defineComponent({
  name: "project",
  props:{
    chartinfo: Array,
  },
  components: {
  },
  setup(props,context){
    const emit = defineEmits(['chossdetails','projectrwsqwc'])
    const detailsshow=ref(false)
    const detailsmlshow=ref(false)
    const detailslcshow=ref(false)
    const detailsthshow=ref(false)
    const detailssqcgshow=ref(false)
    const detailsrwshow=ref(false)
    const wzdetailsshow=ref(false)
    const datailqx=ref(false)
    const messagedatas=ref({})
    const pojectdatack=ref({})
    const projectFileslist=ref([])
    const projectFileslistck=ref([])
    const projectFinishFilesNameslist=ref([])
     const projectFinishFileslist=ref([])
     const iscreateUser=ref(true)
    const tokens=ref('')
     const token2=ref('')
    const token5 = ref('')
    const refuseReason=ref('')
    const randomWord =function(){
    var chars = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'];
     var nums = "";
      for (var i = 0; i < 20; i++) {
      var id = parseInt(Math.random() * 61);
      nums += chars[id]
      }
      return nums; 
      }
    
    const getmessagedata=(val)=>{
      projectFileslist.value=[]
      projectFinishFilesNameslist.value=[]
      projectFinishFileslist.value=[]
      
      
      console.log("projectFinishFileslist.value",projectFileslist.value)
      messagedatas.value={}
       detailsshow.value=false
     detailsmlshow.value=false
     detailslcshow.value=false
     detailsthshow.value=false
     detailssqcgshow.value=false
     detailsrwshow.value=false
     projectdetailssmshow.value=false
     datailqx.value=false
      console.log(val)
      console.log('您点击了我')
      messagedatas.value=val
      console.log(messagedatas.value)
     console.log(messagedatas.value.messageDetails.launchUserId,localStorage.getItem('userinfoId'))
      
      if(messagedatas.value.messageDetails.launchUserId==localStorage.getItem('userinfoId')){
//是否是创建者
           iscreateUser.value=true
           projectdetailssmshow.value=false
      }else{
//是否是创建者
           iscreateUser.value=false
           projectdetailssmshow.value=true
      }
      console.log('iscreateUser',iscreateUser.value)


      //时间判断
      if(messagedatas.value.messageDetails.workAssignList!=''){
      messagedatas.value.messageDetails.workAssignList.forEach(element => {
        if(element.updateDate!=''){
           if(new Date().getTime()<=(new Date(element.updateDate)-1000*60*60*24*7)){
            element.datatimefor='1'
           }else{
            element.datatimefor='0'
           }
        }else{
          if(new Date().getTime()<=(new Date(element.projectEndDate)-1000*60*60*24*7)){
            element.datatimefor='1'
           }else{
            element.datatimefor='0'
           }
        }

          
        });

      }
      if(messagedatas.value.messageDetails.taskStatus==''){
        // detailsshow.value=true
        // datailqx.value=true
        //管理层

      

        // wx:if="{{messageDetails.taskId==''&&messageDetails.projectStatus!=3&& !stringUtils.isidcluearr(messageDetails.ccUserList,userid)}}"
        if(messagedatas.value.messageDetails.workAssignList && messagedatas.value.messageDetails.launchUserId != localStorage.getItem('userinfoId')){
          
          // detailsshow.value=true
          // datailqx.value=true
          // 判断抄送
         
          messagedatas.value.messageDetails.ccUserList.forEach(element => {
            if(element.id != localStorage.getItem('userinfoId')){
              console.log("有显得")
              //  detailsshow.value=true
              // detailsmlshow.value=true
              detailsshow.value=true
               datailqx.value=true
            }
          });
          if(datailqx.value != true){
             detailsshow.value=true
              detailsmlshow.value=true
          }
         
         }else{
             detailsshow.value=true
              detailsmlshow.value=true
         }
      }else{
         if(messagedatas.value.messageDetails.workAssignList){
       detailsshow.value=true
       detailsmlshow.value=true
      }else{
        
        detailsshow.value=true
       detailsrwshow.value=true
      }
      }
      // 执行者驳回的退回申请
      if(messagedatas.value.messageDetails.taskStatus==1 && messagedatas.value.messageDetails.examineStatus==''&&messagedatas.value.messageDetails.refuseReason==''){
       
        projectdetailssmshow.value=false
      }
      // 执行者申请中的退回申请
       if(messagedatas.value.messageDetails.taskStatus==0 && messagedatas.value.messageDetails.examineStatus==1&&messagedatas.value.messageDetails.refuseReason==''){
       
        projectdetailssmshow.value=false
      }
      if(messagedatas.value.messageDetails.taskStatus==2 && messagedatas.value.messageDetails.examineStatus==''&&messagedatas.value.messageDetails.refuseReason!=''){
       
        projectdetailssmshow.value=false
      }
       console.log('projectdetailssmshow',projectdetailssmshow.value)



      if(messagedatas.value.messageDetails.projectFiles != ''){
        // console.log(messagedatas.value.projectFiles)
        // return
        
        var Fileslistsurl=[]
        var Fileslists=[]
        Fileslistsurl=messagedatas.value.messageDetails.projectFiles.split(',')
       Fileslists=messagedatas.value.messageDetails.projectFilesNames.split(',')
       Fileslists.forEach((element,index) => {
        projectFileslist.value[index]={}
        if(element.indexOf('.pdf')!=-1||element.indexOf('.PDF')!=-1){
          projectFileslist.value[index].filesname=element
          projectFileslist.value[index].filelx='pdf'
          projectFileslist.value[index].fileUrl=Fileslistsurl[index]
        }else  if(element.indexOf('.dox')!=-1 || element.indexOf('.docx')!=-1
        ||element.indexOf('.DOX')!=-1 || element.indexOf('.DOCX')!=-1){
          projectFileslist.value[index].filesname=element
          projectFileslist.value[index].filelx='word'
          projectFileslist.value[index].fileUrl=Fileslistsurl[index]
        }else if(element.indexOf('.xls')!=-1||element.indexOf('.xlsx')!=-1
        ||element.indexOf('.XLS')!=-1||element.indexOf('.XLSX')!=-1){
          projectFileslist.value[index].url=element
          projectFileslist.value[index].filelx='xls'
          projectFileslist.value[index].fileUrl=Fileslistsurl[index]
        }else if(element.indexOf('.txt')!=-1||element.indexOf('.TXT')!=-1){
          projectFileslist.value[index].filesname=element
          projectFileslist.value[index].filelx='txt'
          projectFileslist.value[index].fileUrl=Fileslistsurl[index]
        }else if(element.indexOf('.ZIP')!=-1||element.indexOf('.RAR')!=-1
        ||element.indexOf('.ARJ')!=-1||element.indexOf('.Z')!=-1
        ||element.indexOf('.LZH')!=-1||element.indexOf('.JAR')!=-1
        ||element.indexOf('.zip')!=-1||element.indexOf('.rar')!=-1
        ||element.indexOf('.arj')!=-1||element.indexOf('.z')!=-1
        ||element.indexOf('.lzh')!=-1||element.indexOf('.jar')!=-1){
          // LZH、JAR
          projectFileslist.value[index].filesname=element
          projectFileslist.value[index].filelx='zip'
          projectFileslist.value[index].fileUrl=Fileslistsurl[index]
        }else if(element.indexOf('.BMP')!=-1||element.indexOf('.GIF')!=-1
        ||element.indexOf('.JPEG')!=-1||element.indexOf('.JPG')!=-1
        ||element.indexOf('.PNG')!=-1||element.indexOf('.bmp')!=-1
        ||element.indexOf('.gif')!=-1||element.indexOf('.jpeg')!=-1
        ||element.indexOf('.jpg')!=-1||element.indexOf('.png')!=-1){
          // LZH、JAR
          projectFileslist.value[index].filesname=element
          projectFileslist.value[index].filelx='img'
          projectFileslist.value[index].fileUrl=Fileslistsurl[index]
        }else if(element.indexOf('.avi')!=-1||element.indexOf('.wmv')!=-1
        ||element.indexOf('.mpeg')!=-1||element.indexOf('.mp4')!=-1
        ||element.indexOf('.AVI')!=-1||element.indexOf('.WMV')!=-1
        ||element.indexOf('.MPEG')!=-1||element.indexOf('.MP4')!=-1){
          // LZH、JAR
          projectFileslist.value[index].filesname=element
          projectFileslist.value[index].filelx='avi'
          projectFileslist.value[index].fileUrl=Fileslistsurl[index]
        }
        
        
        
       });

       console.log("projectFileslist",projectFileslist.value)
      }
     // projectFinishFiles 提交的文件路径
     
      if(messagedatas.value.messageDetails.projectFinishFiles != ''){
        // console.log(messagedatas.value.projectFiles)
        // return
        let Fileslists=[]
       Fileslists=messagedatas.value.messageDetails.projectFinishFiles.split(',')
        
      //  Fileslists=messagedatas.value.messageDetails.projectFilesNames.split(',')
       Fileslists.forEach((element,index) => {
        projectFinishFileslist.value[index]={}
        if(element.indexOf('.pdf')!=-1||element.indexOf('.PDF')!=-1){
          projectFinishFileslist.value[index].filesname=element
          projectFinishFileslist.value[index].filelx='pdf'
        }else  if(element.indexOf('.dox')!=-1 || element.indexOf('.docx')!=-1
        ||element.indexOf('.DOX')!=-1 || element.indexOf('.DOCX')!=-1){
          projectFinishFileslist.value[index].filesname=element
          projectFinishFileslist.value[index].filelx='word'
        }else if(element.indexOf('.xls')!=-1||element.indexOf('.xlsx')!=-1
        ||element.indexOf('.XLS')!=-1||element.indexOf('.XLSX')!=-1){
          projectFinishFileslist.value[index].url=element
          projectFinishFileslist.value[index].filelx='xls'
        }else if(element.indexOf('.txt')!=-1||element.indexOf('.TXT')!=-1){
          projectFinishFileslist.value[index].filesname=element
          projectFinishFileslist.value[index].filelx='txt'
        }else if(element.indexOf('.ZIP')!=-1||element.indexOf('.RAR')!=-1
        ||element.indexOf('.ARJ')!=-1||element.indexOf('.Z')!=-1
        ||element.indexOf('.LZH')!=-1||element.indexOf('.JAR')!=-1
        ||element.indexOf('.zip')!=-1||element.indexOf('.rar')!=-1
        ||element.indexOf('.arj')!=-1||element.indexOf('.z')!=-1
        ||element.indexOf('.lzh')!=-1||element.indexOf('.jar')!=-1){
          // LZH、JAR
          projectFinishFileslist.value[index].filesname=element
          projectFinishFileslist.value[index].filelx='zip'
        }else if(element.indexOf('.BMP')!=-1||element.indexOf('.GIF')!=-1
        ||element.indexOf('.JPEG')!=-1||element.indexOf('.JPG')!=-1
        ||element.indexOf('.PNG')!=-1||element.indexOf('.bmp')!=-1
        ||element.indexOf('.gif')!=-1||element.indexOf('.jpeg')!=-1
        ||element.indexOf('.jpg')!=-1||element.indexOf('.png')!=-1){
          // LZH、JAR
          projectFinishFileslist.value[index].filesname=element
          projectFinishFileslist.value[index].filelx='img'
        }else if(element.indexOf('.avi')!=-1||element.indexOf('.wmv')!=-1
        ||element.indexOf('.mpeg')!=-1||element.indexOf('.mp4')!=-1
        ||element.indexOf('.AVI')!=-1||element.indexOf('.WMV')!=-1
        ||element.indexOf('.MPEG')!=-1||element.indexOf('.MP4')!=-1){
          // LZH、JAR
          projectFinishFileslist.value[index].filesname=element
          projectFinishFileslist.value[index].filelx='avi'
        }
        
        
        
       });

      }
      // projectFinishFiles 提交的文件路径名称
     
     
      if(messagedatas.value.messageDetails.projectFinishFilesNameslist != ''){
        // console.log(messagedatas.value.projectFiles)
        // return
        var Fileslists=[]
       Fileslists=messagedatas.value.messageDetails.projectFinishFilesNames.split(',')
        var Fileslistsurl=[]
        Fileslistsurl=messagedatas.value.messageDetails.projectFinishFiles.split(',')
      //  Fileslists=messagedatas.value.messageDetails.projectFilesNames.split(',')
       Fileslists.forEach((element,index) => {
        projectFinishFilesNameslist.value[index]={}
        if(element.indexOf('.pdf')!=-1||element.indexOf('.PDF')!=-1){
          projectFinishFilesNameslist.value[index].filesname=element
          projectFinishFilesNameslist.value[index].filelx='pdf'
          projectFinishFilesNameslist.value[index].fileUrl=Fileslistsurl[index]
        }else  if(element.indexOf('.dox')!=-1 || element.indexOf('.docx')!=-1
        ||element.indexOf('.DOX')!=-1 || element.indexOf('.DOCX')!=-1){
          projectFinishFilesNameslist.value[index].filesname=element
          projectFinishFilesNameslist.value[index].filelx='word'
          projectFinishFilesNameslist.value[index].fileUrl=Fileslistsurl[index]
        }else if(element.indexOf('.xls')!=-1||element.indexOf('.xlsx')!=-1
        ||element.indexOf('.XLS')!=-1||element.indexOf('.XLSX')!=-1){
          projectFinishFilesNameslist.value[index].url=element
          projectFinishFilesNameslist.value[index].filelx='xls'
          projectFinishFilesNameslist.value[index].fileUrl=Fileslistsurl[index]
        }else if(element.indexOf('.txt')!=-1||element.indexOf('.TXT')!=-1){
          projectFinishFilesNameslist.value[index].filesname=element
          projectFinishFilesNameslist.value[index].filelx='txt'
          projectFinishFilesNameslist.value[index].fileUrl=Fileslistsurl[index]
        }else if(element.indexOf('.ZIP')!=-1||element.indexOf('.RAR')!=-1
        ||element.indexOf('.ARJ')!=-1||element.indexOf('.Z')!=-1
        ||element.indexOf('.LZH')!=-1||element.indexOf('.JAR')!=-1
        ||element.indexOf('.zip')!=-1||element.indexOf('.rar')!=-1
        ||element.indexOf('.arj')!=-1||element.indexOf('.z')!=-1
        ||element.indexOf('.lzh')!=-1||element.indexOf('.jar')!=-1){
          // LZH、JAR
          projectFinishFilesNameslist.value[index].filesname=element
          projectFinishFilesNameslist.value[index].filelx='zip'
          projectFinishFilesNameslist.value[index].fileUrl=Fileslistsurl[index]
        }else if(element.indexOf('.BMP')!=-1||element.indexOf('.GIF')!=-1
        ||element.indexOf('.JPEG')!=-1||element.indexOf('.JPG')!=-1
        ||element.indexOf('.PNG')!=-1||element.indexOf('.bmp')!=-1
        ||element.indexOf('.gif')!=-1||element.indexOf('.jpeg')!=-1
        ||element.indexOf('.jpg')!=-1||element.indexOf('.png')!=-1){
          // LZH、JAR
          projectFinishFilesNameslist.value[index].filesname=element
          projectFinishFilesNameslist.value[index].filelx='img'
          projectFinishFilesNameslist.value[index].fileUrl=Fileslistsurl[index]
        }else if(element.indexOf('.avi')!=-1||element.indexOf('.wmv')!=-1
        ||element.indexOf('.mpeg')!=-1||element.indexOf('.mp4')!=-1
        ||element.indexOf('.AVI')!=-1||element.indexOf('.WMV')!=-1
        ||element.indexOf('.MPEG')!=-1||element.indexOf('.MP4')!=-1){
          // LZH、JAR
          projectFinishFilesNameslist.value[index].filesname=element
          projectFinishFilesNameslist.value[index].filelx='avi'
          projectFinishFilesNameslist.value[index].fileUrl=Fileslistsurl[index]
        }
       })
      }
     
      var sjs=randomWord()
    var datatime = Date.parse(new Date());
    tokens.value=''+sjs+''+datatime+''+localStorage.getItem('userinfoId')
    token5.value=''+randomWord()+''+datatime+'5'+localStorage.getItem('userinfoId')
      console.log('token',tokens)
      
    }
    const chossdetails =()=>{
      detailsshow.value=false
      detailsmlshow.value=false
      context.emit('chossdetails')
    }
    const projectjs = ()=>{

      receiveTask({userId:localStorage.getItem('userinfoId'),
      taskId:messagedatas.value.messageDetails.taskId,
      workMessageId:messagedatas.value.messageDetails.workMessageId,
      token:tokens.value,
      }).then(res=>{
        console.log(res)
        if(res.result==0){
          
          detailsrwshow.value=false
          detailslcshow.value=true
        }else{
          ElMessage({
                    message: '领取失败，请重试',
                    type: 'error',
                })
                detailsshow.value=false
                detailsrwshow.value=false
        }

      })

      
    }
    
    const projectchoss=()=>{
      detailsshow.value=false
      detailslcshow.value=false
      detailstjrwshow.value=false
      context.emit('chossdetails')
    }
     const projectth=()=>{
      var sjs=randomWord()
    var datatime = Date.parse(new Date());
      token2.value=''+sjs+''+datatime+''+localStorage.getItem('userinfoId')


      detailsrwshow.value=false
      detailsthshow.value=true
      
    }
   

    const projectrwqx=()=>{
      detailsrwshow.value=true
      detailsthshow.value=false
      detailsbhshow.value=false
      detailstjshow.value=false

    }
    const projectrwqr=()=>{
      console.log('refuseReason::',refuseReason.value)
      if(refuseReason.value==''){
         ElMessage({
                    message: '请输入退回原因',
                    type: 'warning',
                })
        
      }else{

        refuseTask({userId:localStorage.getItem('userinfoId'),
      taskId:messagedatas.value.messageDetails.taskId,
      workMessageId:messagedatas.value.messageDetails.workMessageId,
      refuseReason:refuseReason.value,
      token:token2.value,
      }).then(res=>{
        console.log(res)
        if(res.result==0){
          // detailsmlshow.value=false
          // detailslcshow.value=true
          detailsthshow.value=false
         detailssqcgshow.value=true
        }else{
          ElMessage({
                    message: '退回失败，请重试',
                    type: 'error',
                })
               detailsrwshow.value=true
               detailsthshow.value=false
        }

      })
      
      }
      
      
    }
    const projectrwsqwc=()=>{
       detailssqcgshow.value=false
       detailsshow.value=false
      //  context.emit('chossdetails')
       context.emit('projectrwsqwc')
    }
  const projectrwqrqx=()=>{
    datailqx.value=false
     detailsshow.value=false
  }
   

   const detailstjshow=ref(false)
   const token3=ref('')
   const projecttjrwtop=ref('')
   const projecttjrw=(starut)=>{
    console.log('点击了提交任务')
     if(starut==0){
      projecttjrwtop.value='提交任务'
     }else{
       projecttjrwtop.value='重新编辑-提交任务'
     }
     var sjs=randomWord()
    var datatime = Date.parse(new Date());
      token3.value=''+sjs+''+datatime+''+localStorage.getItem('userinfoId')
    detailsrwshow.value=false
    detailstjshow.value=true
     

   }
   //提交任务
   const detailstjrwshow=ref(false)
   const filelist=ref([])
   const uploadFilerw=ref(null)
   const xgshuoming=ref('')
   const projectrwqrtj=()=>{
     var projectFiles=''
      var uploadcg=0
      var finishFilesNames=''
    if(xgshuoming.value==''){
      ElMessage({
                    message: '请输入提交说明',
                    type: 'warning',
                })
    }else{
       
      // 有文件上传
      if(filelist.value.length !=0 ){
        filelist.value.forEach((element,index) => {
        let form = new FormData();
         
         console.log(uploadcg)
          form.append('file', element);
          console.log('form',form)
          
        saveFileUpload({file:element.raw,userId:localStorage.getItem('userinfoId'),fileName:element.name}).then(res=>{
          console.log(res)
          if(res.result==0){
           uploadcg +=1
            if(projectFiles==''){
              projectFiles='https://test.at1984.com'+res.fileUrl
            }else{
              projectFiles +=',https://test.at1984.com'+res.fileUrl
            }
            if(finishFilesNames==''){
              finishFilesNames=res.fileName
            }else{
              finishFilesNames +=res.fileName
            }
            console.log(filelist.value.length,index)
            if(filelist.value.length == uploadcg){
              console.log('projectFiles',projectFiles)
              console.log('projectFiles',finishFilesNames)
              submitTask({userId:localStorage.getItem('userinfoId'),
                  taskId:messagedatas.value.messageDetails.taskId,
                  finishDescribe:xgshuoming.value,
                  finishFiles:projectFiles,
                  finishFilesNames:finishFilesNames,
                  token:token3.value,
                  }).then(res=>{
                    console.log(res)
                    if(res.result==0){
                      detailstjshow.value=false
                     detailstjrwshow.value=true
                      
                    }

                  }).catch(res=>{
          console.log(res)
          ElMessage({
                    message: res,
                    type: 'warning',
                })
                
          
         })


            }
          }else{
             ElMessage({
                    message: '上传失败，请重新上传',
                    type: 'warning',
                })
          }
       
          
         }).catch(res=>{
          console.log(res)
          ElMessage({
                    message: '上传失败，请检查是否上传相同文件，取消后重新提交',
                    type: 'warning',
                })
                
          
         })

         
       });


      }else{
         ElMessage({
                    message: '请上传任务附件',
                    type: 'warning',
                })

      }


    }
   }
   //重新编辑提交的项目
   const projectscxbjrw=()=>{

   }
   const projectdetailssmshow =ref(false)
   //查看提交项目
   const seetjrw=()=>{
    projectdetailssmshow.value=true
   }
   //项目驳回
   const detailsbhshow= ref(false)
   const token4 =ref('')
   //驳回任务框显示
   const projectbh=()=>{
    token4.value=''
    var sjs=randomWord()
    var datatime = Date.parse(new Date());
    token4.value=''+sjs+''+datatime+''+localStorage.getItem('userinfoId')
      refuseReason.value=''
      detailsrwshow.value=false
      detailsbhshow.value=true
   }
   const endDate=ref('')
   const disabledDate = (time) => {
      // console.log('sdas',shartdata.value)
      return time.getTime() < new Date(messagedatas.value.messageDetails.projectBeginDate).getTime()
}
const panelchange=(val)=>{
      // console.log(bjdata.value)
     }
     //q确认驳回
    const projectrwqrbh=()=>{

      if(refuseReason.value==''){
         ElMessage({
                    message: '请输入驳回原因',
                    type: 'warning',
                })
        
      }else if(endDate.value==''){
        ElMessage({
                    message: '请输入结束时间',
                    type: 'warning',
                })

      }else{
      
      rejectTask({userId:localStorage.getItem('userinfoId'),
                  taskId:messagedatas.value.messageDetails.taskId,
                  workMessageId:messagedatas.value.messageDetails.workMessageId,
                  refuseReason:refuseReason.value,
                  endDate:endDate.value,
                  token:token4.value,
                  }).then(res=>{
                    console.log(res)
                    if(res.result==0){
                      ElMessage({
                    message: '驳回成功',
                    type: 'success',
                })
                      detailsshow.value=false
                      detailsbhshow.value=false
                      
                    }

                  }).catch(res=>{
          console.log(res)
          ElMessage({
                    message: res,
                    type: 'warning',
                })
                detailsshow.value=false
                detailsbhshow.value=false
          
         })
      }
     }
    //  确认退回
    const projecttoguo =()=>{
      adoptTask({userId:localStorage.getItem('userinfoId'),
                  taskId:messagedatas.value.messageDetails.taskId,
                  workMessageId:messagedatas.value.messageDetails.workMessageId,
                  token:token5.value,
                  }).then(res=>{
                    console.log(res)
                    if(res.result==0){
                      ElMessage({
                    message: '您已通过退回',
                    type: 'success',
                })
                      detailsshow.value=false
                      detailsrwshow.value=false
                      
                    }

                  }).catch(res=>{
          console.log(res)
          ElMessage({
                    message: res,
                    type: 'warning',
                })
                detailsshow.value=false
                detailsrwshow.value=false
          
         })
      

    }
    // 点击查看完整项目详情
    const seecompleteproject=(objid)=>{
      console.log('点击了',objid)
      pojectdatack.value=[]
      projectFileslistck.value=[]
      getProjectDetails({userId:localStorage.getItem('userinfoId'),objId:objid}).then(res=>{
        pojectdatack.value=res.projectDetails
        console.log(pojectdatack.value)
         if(pojectdatack.value.projectFiles != ''){
        // console.log(messagedatas.value.projectFiles)
        // return
        // let Fileslistsurl=[]
        // Fileslistsurl=messagedatas.value.messageDetails.projectFiles.split(',')
        let Fileslists2=[]
       Fileslists2=pojectdatack.value.projectFilesNames.split(',')
       Fileslists2.forEach((element,index) => {
        projectFileslistck.value[index]={}
        if(element.indexOf('.pdf')!=-1||element.indexOf('.PDF')!=-1){
          projectFileslistck.value[index].filesname=element
          projectFileslistck.value[index].filelx='pdf'
        }else  if(element.indexOf('.dox')!=-1 || element.indexOf('.docx')!=-1
        ||element.indexOf('.DOX')!=-1 || element.indexOf('.DOCX')!=-1){
         projectFileslistck.value[index].filesname=element
          projectFileslistck.value[index].filelx='word'
        }else if(element.indexOf('.xls')!=-1||element.indexOf('.xlsx')!=-1
        ||element.indexOf('.XLS')!=-1||element.indexOf('.XLSX')!=-1){
          projectFileslistck.value[index].url=element
          projectFileslistck.value[index].filelx='xls'
        }else if(element.indexOf('.txt')!=-1||element.indexOf('.TXT')!=-1){
          projectFileslistck.value[index].filesname=element
         projectFileslistck.value[index].filelx='txt'
        }else if(element.indexOf('.ZIP')!=-1||element.indexOf('.RAR')!=-1
        ||element.indexOf('.ARJ')!=-1||element.indexOf('.Z')!=-1
        ||element.indexOf('.LZH')!=-1||element.indexOf('.JAR')!=-1
        ||element.indexOf('.zip')!=-1||element.indexOf('.rar')!=-1
        ||element.indexOf('.arj')!=-1||element.indexOf('.z')!=-1
        ||element.indexOf('.lzh')!=-1||element.indexOf('.jar')!=-1){
          // LZH、JAR
          projectFileslistck.value[index].filesname=element
          projectFileslistck.value[index].filelx='zip'
        }else if(element.indexOf('.BMP')!=-1||element.indexOf('.GIF')!=-1
        ||element.indexOf('.JPEG')!=-1||element.indexOf('.JPG')!=-1
        ||element.indexOf('.PNG')!=-1||element.indexOf('.bmp')!=-1
        ||element.indexOf('.gif')!=-1||element.indexOf('.jpeg')!=-1
        ||element.indexOf('.jpg')!=-1||element.indexOf('.png')!=-1){
          // LZH、JAR
          projectFileslistck.value[index].filesname=element
          projectFileslistck.value[index].filelx='img'
        }else if(element.indexOf('.avi')!=-1||element.indexOf('.wmv')!=-1
        ||element.indexOf('.mpeg')!=-1||element.indexOf('.mp4')!=-1
        ||element.indexOf('.AVI')!=-1||element.indexOf('.WMV')!=-1
        ||element.indexOf('.MPEG')!=-1||element.indexOf('.MP4')!=-1){
          // LZH、JAR
          projectFileslistck.value[index].filesname=element
          projectFileslistck.value[index].filelx='avi'
        }
        
        
        
       });

       console.log("projectFileslist",projectFileslistck.value)
      }

       //时间判断
      if(pojectdatack.value.workAssignList!=''){
      pojectdatack.value.workAssignList.forEach(element => {
        if(element.updateDate!=''){
           if(new Date().getTime()<=(new Date(element.updateDate)-1000*60*60*24*7)){
            element.datatimefor='1'
           }else{
            element.datatimefor='0'
           }
        }else{
          if(new Date().getTime()<=(new Date(element.projectEndDate)-1000*60*60*24*7)){
            element.datatimefor='1'
           }else{
            element.datatimefor='0'
           }
        }

          
        });

      }
      console.log('点击了pojectdatack.value',pojectdatack.value)



      })
      
      
      detailsrwshow.value=false
      wzdetailsshow.value=true


    }
    const chosswzdetails =()=>{
      detailsshow.value=false
      wzdetailsshow.value=false
    }
    const down = (item,index) => {
      // window.location.href = item.fileUrl
      // window.open(item.fileUrl,'_blank');
      
      console.log("item",item,'index',index)
        const url = item.fileUrl
        const filename = item.filesname.split('.')[0]
        const x = new XMLHttpRequest(
        )
        x.open('GET', url)
        x.responseType = 'blob'
        x.onload = e => {
          // 会创建一个 DOMString，其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象。
          const url = window.URL.createObjectURL(x.response)
          const a = document.createElement('a')
          a.href = url
          a.download = filename
          a.click()
        }
        x.send()

      //   var a = document.createElement("a"), //创建a标签
      //     e = document.createEvent("MouseEvents"); //创建鼠标事件对象
      // e.initEvent("click", false, false); //初始化事件对象
      // a.href = url; //设置下载地址
      // a.download = filename; //设置下载文件名
      // a.dispatchEvent(e); //给指定的元素，执行事件click事件
      }


    return {
      down,
      projectFileslistck,
      pojectdatack,
      chosswzdetails,
      wzdetailsshow,
      seecompleteproject,
      iscreateUser,
      projecttoguo,
      projectrwqrbh,
      endDate,
      panelchange,
      disabledDate,
      detailsbhshow,
      detailstjrwshow,
      detailstjshow,
      datailqx,
      projectFileslist,
      messagedatas,
       detailsshow,
       detailslcshow,
       detailsmlshow,
       detailsthshow,
       detailssqcgshow,
       refuseReason,
       projecttjrwtop,
       projecttjrw,
       projectrwqrqx,
       chossdetails,
       projectjs,
       projectchoss,
       projectth,
       projectrwqx,
       projectrwqr,
       projectbh,
       projectrwsqwc,
       getmessagedata,
       detailsrwshow,
       uploadFilerw,
       filelist,
       xgshuoming,
       projectrwqrtj,
       projectscxbjrw,
       seetjrw,
       projectFinishFilesNameslist,
       projectdetailssmshow,
       projectFinishFileslist,
    };
  }
});
</script>
<style  scoped>
.projectdetails-contents-kuang-zxr{
  text-align: center;
  margin-top: 20px;
  
}
.projectdetails-contents-kuang-zxr h1{
  text-align: center;
  font-size: 24px;
  font-weight: 500;
color: #020113;
line-height: 42px;
}
.islq-rw{
  position: absolute;
  left: -50px;
  top: 32px;
  transform: rotate(-45deg);
}
.islq-rw img{
  width: 164px;
  height: 164px;
}

.projectdetails-contents-kuang-zxr p{
  font-size: 14px;
font-weight: 400;
color: #A4A5AB;
line-height: 20px;
}
.projectdetails-contents-kuang{
  width: 500px;
height: auto;
max-height: 450px;
border-radius: 32px;
border: 2px solid #020113;
margin: 0 auto;
margin-top: 31px;
overflow: hidden;

}
.projectdetails-contents-kuang-gd{
width: 520px;
height: auto;
max-height: 450px;
padding-right: 20px;
overflow-y: auto;
overflow-x: hidden;
}
.projectdetails-contents-kuang-jz{
  width: 500px;
  /* text-align: center; */
}
.projectdetails-seewz{
height: 42px;
font-size: 18px;
font-weight: 500;
color: #020113;
line-height: 42px;
margin: 0 auto;
border-bottom: 2px solid #020113;
margin-bottom: 40px;
}
.projectdetails{
    width: 100%;
    min-height: 100%;
    height: auto;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #020113c4;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
}
.projectdetails-content{
  width: 636px;
  height: auto;
  background: #FFFFFF;
  border-radius: 32px;
  overflow: hidden;
  position: relative;
  padding-bottom:40px;
}
.projectdetails-title{
  width: 100%;
  height: 88px;
  display: flex;
  justify-content: space-between;
  align-items: center;
   background: #020113;
}
.projectdetails-title-imgortitle{
  display: flex;
  justify-content: flex-start;
  align-items: center;
 margin-left: 32px;
}
.projectdetails-title-imgortitle img{
  height: 48px;
  width: auto;
}
.projectdetails-title-imgortitle h3{
font-size: 24px;
font-weight: bold;
color: #FFFFFF;
line-height: 36px;
}
.projectdetails-title-img{
  width: 48px;
  height: 48px;
  margin-right: 32px;
}
.projectdetails-title-img img{
  width: 48px;
  height: auto;
}
.projectdetails-contents-mcorfzr{
  margin-top: 80px;
}
.projectdetails-contents-mcorfzr h1{
font-size: 32px;
text-align: center;
font-weight: 500;
color: #000000;
line-height: 42px;
}
.projectdetails-contents-mcorfzr p{
font-size: 14px;
font-weight: 400;
color: #A4A5AB;
line-height: 20px;
text-align: center;
}
.projectdetails-time{
  text-align: center;
  width: 500px;
  height: auto;
  margin: 0 auto;
  margin-top: 31px;
  
}
.projectdetails-time ul{
  width: 272px;
  height: 2px;
  background: linear-gradient(47deg, #34AA27 0%, #FA8C16 100%);
  margin: 0 auto;
  display: block;
  position: relative;
}
.projectdetails-time ul li:nth-child(1){
  width: 24px;
  height: 24px;
  background: #34AA27;
  position: absolute;
  top: -12.5px;
  left: -22px;
  border-radius: 100%;
}
.projectdetails-time ul li:nth-child(2){
  width: 24px;
  height: 24px;
  background: #FA7E16;
  position: absolute;
  top: -12.5px;
  right: -22px;
  border-radius: 100%;
}
.projectdetails-time ul li div{
  width: 200px;
  position: absolute;
  top: 47px;
  left: -88px;
  text-align: center;
}
.projectdetails-obj{
  margin-left: 31px;
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.projectdetails-obj img{
  width: 64px;
  height: auto;
  margin: 0 8px;
}
.projectdetails-context-left{
  font-size: 18px;
  font-weight: 400;
  color: #020113;
  line-height: 28px;
}
.projectdetails-obj-tx{
  width: auto;
  height: 64px;
  display: flex;
}
.projectdetails-obj-tx img{
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.projectdetails-obj-nun{
  width: 68px;
  height: 36px;
  font-size: 14px;
  background: #F2F5FA;
  border-radius: 18px;
  color: #020113;
  font-weight: 500;
  text-align: center;
  line-height: 36px;
}
.projectdetails-sm{
  margin-left: 31px;
  margin-top: 85px;
  display: flex;
  justify-content: flex-start;
}
.projectdetails-sm-context{
  width: 350px;
  height: 55px;
  font-size: 18px;
  font-weight: 400;
  color: #020113;
  line-height: 28px;
  overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 
}
.projectdetails-fj{
  margin-left: 31px;
  margin-top: 32px;
  display: flex;
  justify-content: flex-start;
  /* align-items: center; */
}
.projectdetails-fj-context{
  width: 350px;
  /* overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap; */
}
.projectdetails-fj-context-file{
  width: 350px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  
   font-size: 18px;
}
.projectdetails-fj-context img{
  width: 33px;
  height: auto;
}
.projectdetails-fj-context span{
  font-size: 18px;
  font-weight: 400;
  color: #020113;
  overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
}
.projectdetails-bt{
  display: flex;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 10px;
  /* padding-bottom: 20px; */
}
.projectdetails-bt .projectdetails-bt-th{
  width: 204px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #020113;
  text-align: center;
  line-height: 40px;
  margin: 0 8px;
  background: white;
  color: #020113;
}
.projectdetails-bt-js{
  width: 204px;
  height: 40px;
  background: #020113;
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
  color: white;
  margin: 0 8px;
}
.projectdetails-contents{
  position: absolute;
  top: 96px;
  right: 32px;
}
.projectdetails-contents-start img{
  width: 48px;
  height: auto;
}
.projectdetails-contents-start div{
  font-size: 14px;
  font-weight: 400;
  color: #A4A5AB;
  line-height: 20px;

}

.project-lq{
  width: 636px;
  height: auto;
  
}
.project-lq-k{
  width: 636px;
  height: 593px;
  background: #FFFFFF;
  border-radius: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.project-lq div{
  text-align: center;
}
.project-lq div img{
  width: 200px;
  height: auto;
}
.project-lq div p{
  font-size: 32px;
  font-weight: 500;
  color: #000000;
  line-height: 42px;
  margin-top: 19px;
}
.project-lq div p span{
  border-bottom: 1px solid #2C2C2C;
}
.project-lq-choss{
  width: 72px;
  height: 72px;
  margin: 0 auto;
  margin-top: 16px;
}
.project-lq .project-lq-choss img{
  width: 72px;
  height: auto;
}
.project-lq-rw{
  width: 636px;
  height: 593px;
  background: #FFFFFF;
  border-radius: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.project-lq-rw p{
  font-size: 32px;
  font-weight: 500;
  color: #000000;
  line-height: 42px;
  text-align: center;
}
.project-lq-rw textarea{
  width: 498px;
  height: 231px;
  border-radius: 8px;
  border: 1px solid #020113;
  resize:none;
  box-sizing: border-box;
  padding: 8px;
  margin-top: 50px;
}
.project-lq-rw-cz{
  width: 100%;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  
}
.project-lq-rw-cz .project-lq-rw-qx{
  width: 241px;
  height: 56px;
  background: #FFFFFF;
  border-radius: 32px;
  border: 1px solid #020113;
  text-align: center;
  line-height: 56px;
  font-size: 24px;
  font-weight: 400;
  color: #000000;
  box-sizing: border-box;
}
.project-lq-rw-cz .project-lq-rw-qr{
  width: 241px;
  height: 56px;
  background: #020113;
  border-radius: 32px;
  border: 1px solid #020113;
  text-align: center;
  line-height: 56px;
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
  margin-left: 18px;
  box-sizing: border-box;
  
}
.project-sqcg{
  width: 241px;
  height: 56px;
  background: #020113;
  border-radius: 32px;
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 56px;
  margin: 0 auto;
  margin-top: 49px;
}


/* 上传页面 */
.project-tj-rw-xgsm{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}
.project-tj-rw-xgsm input{
  width: 572px;
  height: 48px;
  border-radius: 8px;
  opacity: 0.3;
  border: 1px solid #020113;
  box-sizing: border-box;
  padding: 0 10px;
  margin-left: 8px;
}
.project-tj-rw-xgsm h3{
  font-size: 18px;
  font-weight: 400;
  color: #020113;
  line-height: 28px;
}
.project-tj-rw-upload{
   display: flex;
  justify-content: space-between;
  /* align-items: center; */
  margin-top: 50px;
}
.project-tj-rw-upload h3{
  font-size: 18px;
  font-weight: 400;
  color: #020113;
  line-height: 28px;
}
.upload-demo{
  width: 572px;
  height: 218px;
}
.el-upload-list{
  position: absolute;
  height: 80px;
  overflow: hidden;
  overflow-y: auto;
}

.project-tj-rw{
  width: 786px;
  height: 669px;
  background: #FFFFFF;
  border-radius: 32px;
}
.project-tj-rw div p{
  font-size: 32px;
  font-weight: 500;
  color: #000000;
  line-height: 42px;
  margin-top: 19px;
}
.project-tj-rw{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.upload-demo .el-upload-list{
  position: absolute;
  top: 0;
  width: 100%;
}
.projectcreate-upload{
  width: 572px;
height: 325px;
border-radius: 8px;
border: 1px solid #B5B4BA;
position: relative;
overflow: hidden;
}
.upload-demo .el-upload-list{
  position: absolute;
  top: 0;
  width: 100%;
}
.el-upload-list{
position: absolute;
  top: 0;
  width: 100%;
}

.projectdetails-seewz-k{
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  position: relative;
  left: -20px;
}
.projectdetails-hengx{
  margin-top: 30px;
  width: 100%;
  border-bottom: 1px dashed black;
}
.projectdetails-hengx-2{
  margin: 0 auto;
  margin-top: 30px;
  width: 86%;
  border-bottom: 1px dashed black;
  
}

/* 驳回 */
/* .details-tjsj{
  width: 636px;
height: 678px;
background: #FFFFFF;
border-radius: 32px;
} */
.details-tjsj{
width: 498px;
height: 125px;
border-radius: 8px;
border: 1px solid #020113;
}
.details-tjsj h1{
  margin-top: 20px;
  font-size: 18px;
font-weight: 400;
color: #020113;
line-height: 28px;
margin-left: 16px;
}
.el-input__wrapper{
  box-shadow: none;
}
/* 项目节点 */
.projectdetails-jd-list{
  width: 334px;
height: 67px;
background: #020113;
border-radius: 16px;
display: flex;
justify-content: start;
align-items: center;
position: relative;
overflow: hidden;
margin-bottom: 10px;
}
.projectdetails-jd-list-img{
  margin-left: 16px;
}
.projectdetails-jd-list-img img{
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.projectdetails-jd-list-xq{
  width: 220px;
  margin-left: 10px;
}
.projectdetails-jd-list-zt img{
  width: 24px;
  height: 24px;
}
.projectdetails-jd-list-right{
  position: absolute;
  right: -20px;
  top: 8px;
  transform: rotate(40deg);
}
.projectdetails-jd-list-xq h2{
  font-size: 18px;
font-weight: 500;
width: 220px;
color: #FFFFFF;
line-height: 28px;
overflow:hidden;
white-space:nowrap; 
text-overflow:ellipsis;
height: 28px;

}
.projectdetails-jd-list-xq p{
  width: 220px;
  font-size: 12px;
font-weight: 400;
color: #FFFFFF;
line-height: 18px;
overflow:hidden;
height: 16px;
text-overflow:ellipsis;
white-space:nowrap; 
}
.projectdetails-jd-list-right-text{
  font-size: 12px;
font-weight: 400;
color: #FFFFFF;
line-height: 20px;
width: 80px;
height: 20px;
text-align: center;
background-color: #FF5300;
}
.projectdetails-dagund{
  width: 656px;
  height: 650px;
  overflow-y: auto;
}
.projectdetails-dagund-jz{
  width: 636px;
  box-sizing: border-box;
  /* padding-left: 20px; */
}
.projectmarginleft{
  margin-left: 106px;
}

.isrw-zt-xxi{
  width: 200px;
  height: 30px;
  font-size: 18px;
  color: #FFFFFF;
  background: #FF5300;
  line-height: 30px;
  text-align: center;
}
.projectdetails-contents-nrs{
  position: relative;
  overflow: hidden;
}
.details-tjsj .el-input__wrapper{
  width: 100%;
}
</style>